<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		
	</head>
	<body>
		<div class="page">
			<div class="head">
				<div class=" head-left">
					<i class="icon-2"></i>
					<span>治安专题</span>
				</div>
				<div class=" head-in">
					<div class=" head-in-left">
						<img src="img/1.png" >
					</div>
					<div class="head-in-title">
						<p>桓台县大数据服务平台</p>
					</div>
					<div class=" head-in-right">
						<img src="img/2.png" >
					</div>
					<div class="clear"></div>
				</div>
				<div class=" head-right">
					<p class="head-p">16:15:36</p>
					<div class="head-right1">
						<p class="head-p1"></p>
						<p class="head-p2"></p>
					</div>
				</div>
			</div>
			<div class="Chart">
				<div class="Chart-left">
					<div class="box-title">
						<div class="fl box"></div>
						<div class="fl box-word">
							<p>公共安全感、法制建设满意度</p>
						</div>
						<div class="clear"></div>
					</div>
					<div class="Chart-left1-title">
						<div class="Chart-left1-title1">
							<span>查询条件:</span>
							<input type="text" class="inp1" placeholder="2013">
							<span>至</span>
							<input type="text" class="inp2" placeholder="2017">
							<span class="span1">查询</span>
						</div>
						<div class="Chart-left1-title2">
							<i class="icon-3"></i><span>公共安全感</span>
							<i class="icon-4"></i><span>法制建设满意度</span>
						</div>
					</div>
					<div id="Chart-left1">
						
					</div>
					<div class="box-title">
						<div class="fl box"></div>
						<div class="fl box-word">
							<p>历年社会治安重点区域</p>
						</div>
						<div class="clear"></div>
					</div>
					<div id="Chart-left2">
						<from>
							<table>
								<tr>
									<th>时间</th>
									<th>社会治安重点区域</th>
									<th>政治结构</th>
								</tr>
								<tr>
									<td>2017</td>
									<td>阿庞林匹克公园</td>
									<td>整治到位</td>
								</tr>
								<tr>
									<td>2016</td>
									<td>汤家村</td>
									<td>整治到位</td>
								</tr>
								<tr>
									<td>2015</td>
									<td>加封小区</td>
									<td>整治到位</td>
								</tr>
								<tr>
									<td>2014</td>
									<td>安南村</td>
									<td>整治到位</td>
								</tr>
								<tr>
									<td>2013</td>
									<td>下英村</td>
									<td>整治到位</td>
								</tr>
							</table>
						</from>
					</div>
					<div class="box-title">
						<div class="fl box"></div>
						<div class="fl box-word">
							<p>人民法院理念刑事案件审理情况</p>
						</div>
						<div class="clear"></div>
					</div>
					<div id="Chart-left3"></div>
				</div>
				<div class="Chart-in">
					<div class="box-title">
						<div class="fl box"></div>
						<div class="fl box-word">
							<p>视频展示</p>
						</div>
						<div class="clear"></div>
					</div>
					<div id="Chart-in1" >
						
					</div>
					<div class="box-title">
						<div class="fl box"></div>
						<div class="fl box-word">
							<p>各镇区平安志愿者数量</p>
						</div>
						<div class="clear"></div>
					</div>
					<div class="Chart-in2">
						
					</div>
				</div>
				<div class="Chart-right">
					<div class="box-title">
						<div class="fl box"></div>
						<div class="fl box-word">
							<p>流入人口户籍地TOP5</p>
						</div>
						<div class="clear"></div>
					</div>
					<div class="Chart-right1-title">
						<span>流入时间:</span>
						<input type="text" placeholder="2017-10-01"/>
						<span>至</span>
						<input type="text" placeholder="2017-10-10"/>
						<span class="span1">查询</span>
					</div>
					<div class="Chart-right1">
						
					</div>
					<div class="Chart-right4">
						
					</div>
					<div class="box-title">
						<div class="fl box"></div>
						<div class="fl box-word">
							<p>流入/流出人口性别分析</p>
						</div>
						<div class="clear"></div>
					</div>
					<div class="Chart-right2">
						
					</div>
					<div class="Chart-right3">
						
					</div>
				</div>
			</div>
		</div>
		<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.0.0-beta.2/echarts.min.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
		<script src="//api.map.baidu.com/api?type=webgl&v=2.0&ak=q2DGeujtRWQWGAlIovr3BKZQ1lBKpEkp"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index2.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/china.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/radiation.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
